<style lang="scss">

.equity-introduce-footer {
	border-radius: 20rpx 20rpx 0 0;
	background-color: #FFF;
	margin-top: 24rpx;
	padding: 57rpx 30rpx 22rpx 30rpx;
}

.equity-introduce-footer-treaty {
	display: flex;
	align-items: center;
	font-size: 28rpx;
	color: #808080;
}

.equity-introduce-footer-treaty-border {
	width: 35rpx;
	height: 35rpx;
	background-image: url("~@/static/equity-introduce/treaty-agree-border.png");
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 19rpx 0 26rpx;
}

.equity-introduce-footer-treaty-border image {
	width: 20rpx;
	height: 16rpx;
}

.equity-introduce-footer-treaty-article {
	color: #F24244;
}

.equity-introduce-footer-next {
	height: 100rpx;
	line-height: 100rpx;
	background-color: #E1C77B;
	border-radius: 10rpx;
	color: #FFFFFF;
	font-size: 36rpx;
	margin-top: 24rpx;
}
</style>

<template>
	<view class="equity-introduce-footer">

		<view class="equity-introduce-footer-treaty ellipsis">
			
			<!-- 同意框 -->
			<view class="equity-introduce-footer-treaty-border">
				<image
					src="/static/equity-introduce/treaty-agree.png"
				></image>
			</view>
			
			<text>阅读并同意</text>
			<text class="equity-introduce-footer-treaty-article">《权益开通协议》《权益规则详情》</text>

		</view>

		<button class="equity-introduce-footer-next ellipsis">立即开通</button>

	</view>
</template>

<script>
export default {
	
}
</script>